<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>水平对齐首行缩进文本装饰</title>
</head>
<style>
    h1 {
        text-align: center;
        text-decoration: underline;
    }
    h2 {
        text-align: center;
        text-decoration: underline;
    }
    p {
        text-indent: 2em;
    }
</style>
<body>
<h1>*ire框架</h1>
<h2>fire tire pire quire 二级框架</h2>
<p>
    1.fire firework gunfire campfire bonfire misfire backfire
</p>
<p>
    2.tire
</p>
<p>
    3.pire empire expire vampire 
</p>
<p>
    4.quire
</p>
</body>
</html>